<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Dự án trị mụn đông y</title>
    <link rel="stylesheet" type="text/css" href="plugins/owl/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="plugins/owl/owl.theme.css">
    <!--ICON-->
    <link href="images/favicon.ico" rel="icon">
    <!--Thư viện hiệu ứng animate-->
    <link href="css/animate.min.css" rel="stylesheet" type="text/css"/>
     <!--css for supper slide -->
    <link href="plugins/supperslide/superslides.css" rel="stylesheet" type="text/css">
    <!--Thư viện icon font-awesome-->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!--Reset css về mặc định trên các trình duyệt-->
	<link href="css/normalize.css"  rel="stylesheet" type="text/css"/>
    <!--Css dùng chung -->
	<link href="css/reset.css"  rel="stylesheet" type="text/css"/>
    <!--Css chính cho toàn trang -->
	<link href="css/style.css" rel="stylesheet" type="text/css" />
   <link rel="stylesheet" type="text/css" href="css/reponsive.css">
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <!--Jquery -->
    <script src="js/1.7.2.jquery.min.js"></script>
    <script src="js/jquery.appear.js"></script>
	
</head>
<body>
<section id="fb-root"></section>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=903153506380845&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<header class="itq-header">
	<section class="wrapper">
    	<figure class="logo animated flip col-sm-3 col-xs-4">
        	<a href="#"><img src="uploads/logo.png"></a>
        </figure>
         <section class="smart-menu">
             <i class="fa fa-bars"></i>            
          </section>
    	<ul class="menu-top">
        	<li class="left-main main">
            	<h3><a href="#">Trang chủ</a></h3>
                <p><a href="#">Phương pháp trị mụn  </a></p>
                <a href="#"><i class="fa fa-home"></i></a>
                <ul class="item">
                    <li class="item">
                        <a class="item" href="">Nhà tôi có một con bò</a>
                        
                    </li>
                     <li class="item">
                        <a class="item" href="">Nhà tôi có một con bò</a>
                        
                    </li>
                     <li class="item">
                        <a class="item" href="">Nhà tôi có một con bò</a>
                       
                    </li>
                  </ul>  
            </li>
            <li class="left-main main">
            	<h3><a href="#">Trang phụ</a></h3>
                <p><a href="#">Phương pháp trị mụn</a></p>
                <a href="#"><i class="fa fa-key"></i></a>
            </li>
            <li class="left-main main">
            	<h3><a href="#">Trang chủ</a></h3>
                <p><a href="#">Phương pháp trị mụn</a></p>
                <a href="#"><i class="fa fa-search"></i></a>
                <ul class="item">
                    <li class="item">
                        <a class="item" href="">Nhà tôi có một con bò</a>
                        
                    </li>
                     <li class="item">
                        <a class="item" href="">Nhà tôi có một con bò</a>
                       
                        
                    </li>
                     <li class="item">
                        <a class="item" href="">Nhà tôi có một con bò</a>
                        
                    </li>
                  </ul>  
            </li>
            <li class="right-main main">
            	<h3><a href="#">Liên hệ</a></h3>
                <p><a href="#">Phương pháp trị mụn</a></p>
                <a href="#"><i class="fa fa-leaf"></i></a>
            </li>
            <li class="right-main main">
            	<h3><a href="#">Sản phẩm</a></h3>
                <p><a href="#">Phương pháp trị mụn</a></p>
                <a href="#"><i class="fa fa-search"></i></a>
            </li>
            <li class="right-main main">
            	<h3><a href="#">Tìm kiếm</a></h3>
                <p><a href="#">Phương pháp trị mụn</a></p>
                <a href="#"><i class="fa fa-search"></i></a>
            </li>
           
        </ul>
		
    </section><!-- .wrapper -->
	
</header><!-- .itq-header -->
<section class="clear"></section>


<section class="itq-slider">
	 <section class="border"></section>
	 <section id="slides">
          <ul class="slides-container">
              <li>
                  <img src="uploads/slider-1.jpg" alt="">
              </li>
              <li>
                  <img src="uploads/slider-2.jpg" alt="">
              </li>
          </ul>
          
      
           <nav class="slides-navigation">
            <a href="#" class="next"><img src="images/next.png"></a>
            <a href="#" class="prev"><img src="images/prev.png"></a>
          </nav> 
      </section> <!-- .itq-slides -->

</section><!-- .itq-slider -->
<section class="clear"></section>


<section class=" itq-article hop flipInY" data-delay="100">
	<section class="wrapper">
		<h2 class="ttnc">
			trung tâm nghiên cứu và <span>điều trị mụn</span>
		</h2>
		<figure>
			<a href=""><img class="f-icon"  src="images/face.png"></img></a>
			<a href=""><img class="f-icon"  src="images/tweet.png"></img></a>
			<a href=""><img class="f-icon"  src="images/goo.png"></img></a>
		</figure>
		<article>
			<p>Các bài thuốc nam trị mụn từ bên trong khá hiệu quả nhưng hiện vẫn ít người dùng.</p>
			<p>Mụn được đánh giá là một bệnh lý phức tạp, do nhiều nguyên nhân, làm ảnh hưởng đến yếu tố thẩm mỹ khiến người bệnh mất tự tin và giảm chất lượng sống. Mụn không chỉ xuất hiện trên mặt mà còn ở các vùng lân cận như cổ, vai, lưng, thậm chí cả trên da đầu. </p>
			<a class="tht" href="">tìm hiểu thêm</a>
		</article>
		
    </section><!-- .wrapper -->
</section><!-- .itq-article -->
<br>
<section class="clear"></section>


<section class="itq-category">
	<section class="wrapper">
		<ul class="list-item">
			<li class="list-item hop bounceIn" data-delay="400">
				<figure>
					<span class="content">
						<a href="#">trị mụn đông y</a>
					</span>
					<img src="uploads/hd-sp1.png">
					<figcaption>
						trị mụn bằng đông y
					</figcaption>
				</figure>
			</li><!--.list-item-->
			<li class="list-item hop bounceIn"  data-delay="1200">
				<figure>
					<span class="content">
						<a href="#">trị mụn đông y</a>
					</span>
					<img src="uploads/hd-sp2.png">
					<figcaption>
						trị mụn bằng đông y
					</figcaption>
				</figure>
			</li><!--.list-item-->
			<li class="list-item hop bounceIn" data-delay="2400">
				<figure>
					<span class="content">
						<a href="#">trị mụn đông y</a>
					</span>
					<img src="uploads/hd-sp1.png">
					<figcaption>
						trị mụn bằng đông y
					</figcaption>
				</figure>
			</li><!--.list-item-->
		</ul>
    </section><!-- .wrapper -->
</section><!-- .itq-category -->
<section class="clear"></section>


<section class="itq-container">
	<section class="wrapper">
		<section class="news-and-share revealOnScroll"  data-animation="zoomIn">
			<section class="news hop fadeInUp" data-delay="200">
				<header>
					<h3 class="the-title-ofcontainer">tin tức mới</h3>
				</header>
						<figure>
							<a href=""><img src="uploads/caimat.png" /></a>
							<figcaption>
								<p>Nguyên nhân bị nám da và cách điều trị hiệu quả</p>
								<a href="">Đọc ngay</a>
							</figcaption>
						</figure>
						<figure>
							<a href=""><img src="uploads/caimat.png" /></a>
							<figcaption>
								<p>Nguyên nhân bị nám da và cách điều trị hiệu quả</p>
								<a href="">Đọc ngay</a>
							</figcaption>
						</figure>
						<figure>
							<a href=""><img src="uploads/caimat.png" /></a>
							<figcaption>
								<p>Nguyên nhân bị nám da và cách điều trị hiệu quả</p>
								<a href="">Đọc ngay</a>
							</figcaption>
						</figure>
						<figure>
							<a href=""><img src="uploads/caimat.png" /></a>
							<figcaption>
								<p>Nguyên nhân bị nám da và cách điều trị hiệu quả</p>
								<a href="">Đọc ngay</a>
							</figcaption>
						</figure>
			</section>
			<section class="share hop fadeInUp" data-delay="200">
				<header>
					<h3 class="the-title-ofcontainer" style="padding-top:2px;">chia sẻ của khách hàng</h3>
				</header>
				
				<section class="customers">
					<figure>
						<img src="uploads/sharecaimat.png">
						<figcaption class="talk_comment">
						<p class="nghieng"><img class="mongoackep" src="images/mongoackep.png">Tôi hoàn toàn yên tâm và tin tưởng khi mua các mặt hàng tại đây, chất lượng sản phẩm rất tốt, chi phí rẻ và hỗ trợ khách hàng rất nhiệt tình...<img class="dongngoackep" src="images/dongngoackep.png"></p>
						<p class="thename">Chị Hoa ở Cầu Giấy Hà Nội</p>
						</figcaption>
					</figure>
				</section>
				
				<section class="customers cus2">
					<figure>
						<img src="uploads/sharecaimat.png">
						<figcaption class="talk_comment">
						<p class="nghieng"><img class="mongoackep" src="images/mongoackep.png">Tôi hoàn toàn yên tâm và tin tưởng khi mua các mặt hàng tại đây, chất lượng sản phẩm rất tốt, chi phí rẻ và hỗ trợ khách hàng chất lượng sản phẩm rất tốt, chi phí rẻ và hỗ trợ khách hàng rất nhiệt tình...<img class="dongngoackep" src="images/dongngoackep.png"></p>
						<p class="thename">Chị Hoa ở Cầu Giấy Hà Nội</p>
						</figcaption>
					</figure>
				</section>
				
			</section>
		</section><!-- .news-and-share -->
		<section class="clear"></section>
		<section class="video-tuvan">
			<section class="video hop bounceIn" data-delay="200">
				<header>
					<h3 class="the-title-ofcontainer">video điều trị mụn</h3>
				</header>
				
			    <iframe 
                	width="535" 
                    height="325" 
                    src="//www.youtube.com/embed/F5DdmDCgsYI" 
                    frameborder="0" 
                    allowfullscreen>
                </iframe>
				
				<footer>
					<a href="">xem thêm video khác</a>
					<p>Có rất nhiều video hướng dẫn và cách điều trị mụn có thể giúp bạn hiểu thêm về cách phòng ngừa và trị mụn.</p>
				</footer>
			</section>
			
			<section class="tuvan hop bounceIn" data-delay="200">
				<header>
					<h3 class="the-title-ofcontainer" style="padding-top:3px;">tư vấn - hỏi đáp</h3>
				</header>
 
                <section id="slidepro" style="max-height:425px; position:relative;padding-top:55px">
                 <nav class="slides-navigation" style="position:absolute;top:0;right:0;width:48px;margin-right:0">
                    <a href="#" class="next"><img src="images/4.png"></a>
                    <a href="#" class="prev"><img src="images/3.png"></a>
                 </nav>
				<ul class="slides-container">
					<li>
						<span>
							<b>Nguyên nhân đẫn đến tình trạng da nổi mụn và cách điều trị mụn hiệu quả</b>
							<p>Mụn là vấn đề phổ biến ở bạn gái, tuy rằng mụn không ảnh hưởng nhiều đến sức khỏe nhưng lại tác động xấu đến thẩm mỹ hiện tại cũng như về sau này có thể để lại vết thâm và sẹo [...]</p>
							<a href="">Đọc ngay</a>
						</span>
						<span>
							<b>Nguyên nhân đẫn đến tình trạng da nổi mụn và cách điều trị mụn hiệu quả</b>
							<p>Mụn là vấn đề phổ biếnmỹ hiện tại cũng như về sau này có thể để lại vết thâm và sẹo [...]</p>
							<a href="">Đọc ngay</a>
						</span>
					</li>
                    <li>
						<span>
							<b>Nguyên nhân đẫn đến tình trạng da nổi mụn và cách điều trị mụn hiệu quả</b>
							<p>Mụn là vấn đề phổ biến ở bạn gái, tuy rằng mụn không ảnh hưởng nhiều đến sức khỏe nhưng lại tác động xấu đến thẩm mỹ hiện tại cũng như về sau này có thể để lại vết thâm và sẹo [...]</p>
							<a href="">Đọc ngay</a>
						</span>
						<span>
							<b>Nguyên nhân đẫn đến tình trạng da nổi mụn và cách điều trị mụn hiệu quả</b>
							<p>Mụn là vấn đề phổ biếnmỹ hiện tại cũng như về sau này có thể để lại vết thâm và sẹo [...]</p>
							<a href="">Đọc ngay</a>
						</span>
					</li>	
				</ul>
               
                 </section><!--#slidepro--> 
				<footer>
					<a href="">đặt câu hỏi</a>
					<p>Hãy đưa ra câu hỏi! Chúng tôi sẽ giúp bạn trả lời !!</p>
				</footer>
			</section>
		</section><!-- .video-tuvan -->
		<section class="clear"></section>
		
		<section class="why-choose  hop rollIn" data-delay="200">
			<header class="why">
					<h3 class="the-title-ofcontainer">tại sao chọn trị mụn đông y ?</h3>
			</header>
			<section class="democoto">
				<ul>
					<li>
						<header class="why-title">
							<h4>trung tâm trị mụn số 1 việt nam</h4>
						</header>
						<figure><img src="uploads/sowfmas.jpg" /></figure>
					</li>
					<li>
						<header class="why-title">
							<h4>trung tâm trị mụn số 1 việt nam</h4>
						</header>
						<figure><img src="uploads/sowfmas.jpg" /></figure>
					</li>
					<li>
						<header class="why-title">
							<h4>trung tâm trị mụn số 1 việt nam</h4>
						</header>
						<figure><img src="uploads/sowfmas.jpg" /></figure>
					</li>
				</ul>
			</section>
		</section><!-- .why-choose-->
		<section class="clear"></section>
		<section class="care hop swing" data-delay="200">
			<header class="why">
					<h3 class="the-title-ofcontainer">có thể bạn quan tâm</h3>
			</header>
			<figure>
				<img src="uploads/dautay.png"/>
				<figcaption>
					<h5 class="tit">Mẹo trị thâm mụn dành cho da nhờn hiệu quả bằng liệu pháp Đông y</h5>
					<section class="time">10/10/2014</section>
					<section class="view">250</section>
					<p>Da nhờn là nguyên nhân làm thâm mụn trở nên cứng đầu khó chữa. Để trị thâm mụn hiệu quả và an toàn, bạn có thể thực hiện một trong những mẹo trị thâm mụn đơn giản sau đây <a href="">[ Đọc tiếp ]</a></p>
					<ul>
						<li><a href="">Hướng dẫn tự làm kem dưỡng trắng da toàn thân tại nhà</a></li>
						<li><a href="">Bí quyết trị mụn bọc cứng đầu bằng phương pháp công nghệ cao</a></li>
						<li><a href="">Hướng dẫn tự làm kem dưỡng trắng da toàn thân tại nhà</a></li>
					</ul>
				</figcaption>
			</figure>
		</section><!-- .care -->
		<section class="expire">
			<ul>
				<li><h3 class="the-title-ofcontainer">tri ân khách hàng</h3></li>
				<li class="li1"><a href="">giảm 10% phí điều trị tại trung tâm</a></li>
				<li class="li1"><a href="">giảm 10% phí điều trị tại trung tâm</a></li>
				<li class="li1"><a href="">giảm 10% phí điều trị tại trung tâm</a></li>
			</ul>
			<ul>
				<li><h3 class="the-title-ofcontainer">kiến thức làm đẹp</h3></li>
				<li class="li2"><a href="">cách chăm sóc da mặt hiệu quả</a></li>
				<li class="li2"><a href="">cách chăm sóc da mặt hiệu quả</a></li>
				<li class="li2"><a href="">cách chăm sóc da mặt hiệu quả</a></li>
			</ul>
			<ul>
				<li><h3 class="the-title-ofcontainer">chuyên gia tư vấn</h3></li>
				<li class="li2"><a href="">Tôi bị mụn 3 . xin chuyên gia...</a></li>
				<li class="li2"><a href="">Tôi bị mụn 3 năm  xin chuyên gia...</a></li>
				<li class="li2"><a href="">Tôi bị mụn 3 năm  xin chuyên ...</a></li>
				
			</ul>
		</section><!-- .expire -->
		<section class="clear"></section>
		<section class="khachtieubieu hop fadeIn" data-delay="200">
			<header>
				<h2 class="khach">khách hàng tiêu biểu</h2>
				<span></span>
			</header>
			<ul id="owl-demo"  style="width:1020px">
				<li class="item"><a href=""><img src="uploads/exinh.png"/></a></li>
				<li class="item"><a href=""><img src="uploads/exinh.png"/></a></li>
				<li class="item"><a href=""><img src="uploads/exinh.png"/></a></li>
				<li class="item"><a href=""><img src="uploads/exinh.png"/></a></li>
				<li class="item"><a href=""><img src="uploads/exinh.png"/></a></li>
                <li class="item"><a href=""><img src="uploads/exinh.png"/></a></li>
				<li class="item"><a href=""><img src="uploads/exinh.png"/></a></li>
				<li class="item"><a href=""><img src="uploads/exinh.png"/></a></li>
				<li class="item"><a href=""><img src="uploads/exinh.png"/></a></li>
				<li class="item"><a href=""><img src="uploads/exinh.png"/></a></li>
                
			</ul>
		</section>
		
		<section class="mapface  hop flipInX" data-delay="800">
			<section class="map">
				<header>
					<h3 class="the-title-ofcontainer">trung tâm trị mụn đông y</h3>
				</header>
				<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3724.4974747159877!2d105.80079185016453!3d21.012771804242963!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0x883dca1b28430cba!2zVHLGsOG7nW5nIFRIQ1MgVHJ1bmcgSMOyYQ!5e0!3m2!1sen!2s!4v1417461954624" width="480" height="245" frameborder="0" style="border:0"></iframe>
			</section>
			
			<section class="face">
				<header>
					<h3 class="the-title-ofcontainer">liên kết facebook</h3>
				</header>
                <section class="fb-like-box" 
                       data-href="https://www.facebook.com/FacebookDevelopers" 
                       data-width="450" data-height="250" 
                       data-colorscheme="light" 
                       data-show-faces="true" 
                       data-header="true" 
                       data-stream="false" 
                       data-show-border="true">
                  
                  </section>
				
				
			</section>
		</section>
    </section>
</section><!-- .itq-container -->
<section class="clear"></section>



<footer class="itq-footer"> 
	<section class="wrapper">
    	<section class="logo-f animated flip" data-delay="3200">
        	<a href="#"><img src="uploads/f-logo.png"></a>
        </section>
    	<section class="left-f">
        	<h1>Trung tâm nghiên cứu và điều trị mụn đông y</h1>
            <p>
            	Địa chỉ: <span>106-B6, Ngõ 3, Đường Nghĩa Tân, Cầu Giấy, Hà Nội</span>
            </p>
            <p>
            	Địa chỉ: <span>106-B6, Ngõ 3, Đường Nghĩa Tân, Cầu Giấy, Hà Nội</span>
            </p>
           	<p>Website: <a href="#">trinamdongy.com </a>  Email: <a href="#">trinamdongy@gmail.com</a></p>
            
        </section>
        <section class="right-f">
        	<h1>Follow us</h1>
            <nav>
            	<a href="#"><img class="f-icon" src="images/face.png"></a>
                <a href="#"><img class="f-icon" src="images/face.png"></a>
                <a href="#"><img class="f-icon" src="images/face.png"></a>
            </nav>
            <p>
            	<span>Hãy liên hệ ngay với chúng tôi để được tư vấn miễn phí</span>
            </p>
            <p>Designer & Developer by:  <a href="">ITQ.VN</a></p>
          
        </section>
    </section><!-- .wrapper -->
</footer><!-- .itq-footer -->
<section class="clear"></section>
<!--Thư viện owl -->
<script src="plugins/owl/owl.carousel.js"></script>


<!--Thư viện superslide -->
<script src="plugins/supperslide/jquery.easing.1.3.js"></script>
<script src="plugins/supperslide/jquery.animate-enhanced.min.js"></script>
<script src="plugins/supperslide/hammer.min.js"></script>
<script src="plugins/supperslide/jquery.superslides.min.js"></script>
<script>
	$(document).ready(function(e) {
		 $("#owl-demo-99").owlCarousel({

			  navigation : true,
			  slideSpeed : 300,
			  paginationSpeed : 400,
			  singleItem : true,
			  autoPlay:true,
			  navigation : true,
			  pagination : false,
			  });
		 //owl-slide		
		   $("#owl-demo").owlCarousel({
                autoPlay: 10000, //Set AutoPlay to 3 seconds
                items : 5,
                itemsDesktop : [1020,5],
				itemsDesktopSmall :[768,3],
                itemsMobile :     [480,2]
                
            });	
		//menu
		$('.fa-bars').change(function(e) {
            $('ul.menu-top').css('display','block');
        });
        //goi slide supperslide
		$('#slides').superslides({
			play:10000,
			pagination:false,
			hashchange:false,
			inherit_width_from:'.itq-slider',
			inherit_height_from:'.itq-slider',
			animation:'fade'
			
		  });
		   //goi slide supperslide
		$('#slidepro').superslides({
			play:10000,
			pagination:false,
			hashchange:false,
			inherit_width_from:'#slidepro',
			inherit_height_from:'#slidepro',
			
			
		  });
		 //icon 
		$('.f-icon').hover(function(e) {
			  $(this).addClass('animated wobble');
		  },function(e) {
		   $(this).removeClass('animated wobble');
		  }); 
    });
</script>
<script>
	// Hỗ trợ hiệu ứng trên thiết bị di động;
    window.open    = function(){};
    window.print   = function(){};
    
    if (false) {
      window.ontouchstart = function(){};
    }
</script>
<script type="text/javascript">

//.itq-article
jQuery(function() {
	jQuery('.hop').appear();
	jQuery(document.body).on('appear', '.hop', function(e, $affected) {
		var fadeDelayAttr;
		var fadeDelay;
		jQuery(this).each(function(){
			if (jQuery(this).data("delay")) {
				fadeDelayAttr = jQuery(this).data("delay")
				fadeDelay = fadeDelayAttr;				
			} else {
				fadeDelay = 0;
			}
			jQuery(this).delay(fadeDelay).queue(function(){
				jQuery(this).addClass('animated').clearQueue();
			});			
		})			
	});
});
		
		
</script>

</body>
</html>